@function px2rem($px){
	$rem:37.5px;
	@return ($px / $rem)+rem;
}

html{
	background-color:#f8f8f8;
}

.header{
	height:px2rem(40px);
	width:100%;
	background-color:red;
	padding-left:px2rem(32px);
	box-sizing: border-box;
	.header-item{
		float:left;
		color:#ffcdce;
		font-size:px2rem(16px);
		margin-right:px2rem(20px);
		line-height:px2rem(40px);
		&:nth-child(2){
			color:#fff;
			font-size:px2rem(17px);
		}
	}
}

.banner-content{
	position:relative;
	.banner{
		display:block;
		width:100%;
		height:px2rem(190px);
	}
	.banner-title{
		position:absolute;
		left:px2rem(15px);
		bottom:px2rem(15px);
		font-size:px2rem(16px);
		color:#fff;
	}	
}
.news-content{
	.news-item{
		width:100%;
		height:px2rem(90px);
		padding-left:px2rem(15px);
		padding-right:px2rem(15px);
		box-sizing:border-box;
	}
	.item-inner{
		position:relative;
		overflow:hidden;
		height:100%;
		border-bottom:px2rem(1px) solid #e5e5e5;
	}
	.news-img{
		float:left;
		display:block;
		margin-top:px2rem(10px);
		width:px2rem(95px);
		height:px2rem(70px);
		margin-right:px2rem(15px);
	}

	.news-title{
		color:#404040;
		font-size:px2rem(17px);
		margin-top:px2rem(16px);
		line-height:px2rem(20px);
	}

	.time{
		position:absolute;
		left:px2rem(110px);
		bottom:px2rem(17px);
		color:#888;
		font-size:px2rem(12px);
	}

	.num{
		position:absolute;
		color:#888;
		font-size:px2rem(12px);
		right:px2rem(4px);
		bottom:px2rem(17px);
		&:before{
			content:' ';
			display:block;
			position:absolute;
			width:px2rem(21px);
			height:px2rem(20px);
			background-size:contain;
			top:px2rem(-1px);
			left:px2rem(-23px);
			background-image:url('./imgs/read.png');
		}
	}
}

